import React from "react"
import { graphql } from 'gatsby'


export default function PaginationDemo({ data }) {
  return (
    <div style={{ display: "flex", flexWrap: "wrap" }}>
      {data.allUserListDataListInfo.nodes.map((user, index) => (
        <div>
          <p>{user.user_name}</p>
          <p>{user.address}</p>
          <img alt="example" src={user.imageUrl} />
        </div>
      ))}
    </div>
  )
}
export const pageQuery = graphql`
  query ($skip: Int!, $limit: Int!) {
    allUserListDataListInfo(skip: $skip, limit: $limit) {
      nodes {
        user_name
        address
        imageUrl
      }
    }
  }
`
